<script setup>
import { reactive, ref } from 'vue';

const message = ref('Hello Vue 3.0');

const obj = reactive({
  name: 'Vue 3.0',
  age: 18
});

const fn =() => {
  return '我是一个函数';
}
</script>

<template>
<h1>{{ message }}</h1>
<p>我叫 {{ obj.name }}, 今年 {{ obj.age }} 岁</p>
<p>{{ obj.age >= 18? '成人':'儿童' }}</p>
<p>{{ fn() }}</p>
</template>



<style scoped></style>